<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <link rel="stylesheet" href="../css/mian.css">
</head>

<body>
    <div class="mian">
        <div class="header">
            <h2>全部菜品</h2>
        </div>
        <div class="con-l">
            <p>日韩料理</p>
            <p>家常菜</p>
            <p>蛋糕甜点</p>
            <p>火锅</p>
            <p>川湘菜</p>
        </div>
        <div class="container">
            <div class="con-r">
              <!-- <div class="item">
                    <img src="https://img1.baidu.com/it/u=943387738,2630797317&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500"
                        alt="">
                    <div class="item-r">
                        <p class="p1">黑椒脆皮鸡</p>
                        <span>￥18</span>
                        <p class="p2">加入购物车</p>
                    </div>
                </div>  -->
            </div>
        </div>
        <footer>
            <div class=" index1">
                <span>首页</span>
            </div>
            <div class="active mian1">
                 <span>菜单</span>
            </div>
            <div class="cart1">
                <span>购物车</span>
            </div>
            <div>
                <span>我的</span>
            </div>
        </footer>
        
    </div>
    <script src="../js/rem.js"></script>
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/mian.js"></script>

</body>

</html>